<html>
<wicket:extend>
<div class="top-links">

  <a class="icon-right" href="#" onClick="helpPopUp();return false;"><img wicket:id="help" /></a>
  <a class="icon-right" href="#" onClick="window.location.reload();return false;"><img wicket:id="refresh" /></a>
  <a class="icon-right" href="#" onClick="window.print();return false;"><img wicket:id="printer" /></a>
  <div class="clear"></div>
</div>

<h1>Administrator</h1>

<p class="warning">This page is available to users with administrator privileges only.</p>

<div class="column-two">
  <div class="inner">
    <div class="box">
      <h2>System Users</h2>
      <form action="#" class="table-wrapper" method="get" name="tableform">
        <p class="show-count">
          Show&nbsp;
          <select>
            <option>10</option>
            <option>20</option>
            <option>30</option>
            <option>40</option>
          </select>
          &nbsp;Entries
        </p>
        <p class="showing">Showing 1 - 4 of 4 entries</p>
        <table cellpadding="0" cellspacing="0" class="sortable" width="100%">
          <thead>
            <tr>
              <th>Display Name<a class="sort-asc" href="#">&nbsp;</a></th>
              <th>User Type<a class="sort-desc" href="#">&nbsp;</a></th>
              <th>Last Login<a class="no-sort" href="#">&nbsp;</a></th>
              <th width="78px">&nbsp;</th>
            </tr>
          </thead>
          <tfoot>
            <tr>
              <th>Display Name</th>
              <th>User Type</th>
              <th>Last Login</th>
              <th>&nbsp;</th>
            </tr>
          </tfoot>
          <tbody>
            <tr>
              <td>John Smith</td>
              <td>Parent</td>
              <td>Dec 12, 2010 @ 12:14pm</td>
              <td>
                <a class="icon-left" href="#"><img alt="View" wicket:id="TableViewImage" /></a>
                <a class="icon-left" href="#"><img alt="Edit" wicket:id="TableEditImage" /></a>
                <a class="icon-left" href="#"><img alt="Delete" wicket:id="TableDeleteImage" /></a>
              </td>
            </tr>
            <tr>
              <td>Jane Smith</td>
              <td>Parent</td>
              <td>Dec 12, 2010 @ 11:09pm</td>
              <td>
                <a class="icon-left" href="#"><img alt="View" wicket:id="TableViewImage" /></a>
                <a class="icon-left" href="#"><img alt="Edit" wicket:id="TableEditImage" /></a>
                <a class="icon-left" href="#"><img alt="Delete" wicket:id="TableDeleteImage" /></a>
              </td>
            </tr>
            <tr>
              <td>Jimmy Smith</td>
              <td>Child</td>
              <td>Dec 07, 2010 @ 04:14pm</td>
              <td>
                <a class="icon-left" href="#"><img alt="View" wicket:id="TableViewImage" /></a>
                <a class="icon-left" href="#"><img alt="Edit" wicket:id="TableEditImage" /></a>
                <a class="icon-left" href="#"><img alt="Delete" wicket:id="TableDeleteImage" /></a>
              </td>
            </tr>
            <tr>
              <td>Fred Gates</td>
              <td>Administrator</td>
              <td>Dec 13, 2010 @ 00:05am</td>
              <td>
                <a class="icon-left" href="#"><img alt="View" wicket:id="TableViewImage" /></a>
                <a class="icon-left" href="#"><img alt="Edit" wicket:id="TableEditImage" /></a>
                <a class="icon-left" href="#"><img alt="Delete" wicket:id="TableDeleteImage" /></a>
              </td>
            </tr>
          </tbody>
        </table>
        <p class="pagination">
          <a class="previous" href="#">&nbsp;</a>
          <span class="current">1</span>
          <a class="next" href="#">&nbsp;</a>
        </p>
        <p class="showing">Showing 1 - 4 of 4 entries</p>
        <div class="clear"></div>
      </form>
    </div>
  </div>
</div>

<div class="column-two">
  <div class="inner">
    <div class="box">
    	<h2>System Settings</h2>
      <form>
      	<label class="required" for="selectbox">Outlet Usage Sampling Interval</label>
        <select style="min-width:0;">
          <option>1 second</option>
          <option>2 seconds</option>
          <option>3 seconds</option>
          <option>4 seconds</option>
          <option>5 seconds</option>
          <option>6 seconds</option>
          <option>7 seconds</option>
          <option>8 seconds</option>
          <option>9 seconds</option>
          <option>10 seconds</option>
          <option>15 seconds</option>
          <option>20 seconds</option>
          <option>25 seconds</option>
          <option>30 seconds</option>
          <option>40 seconds</option>
          <option>50 seconds</option>
          <option>1 minute</option>
          <option>2 minutes</option>
          <option>3 minutes</option>
          <option>4 minutes</option>
          <option>5 minutes</option>
          <option>10 minutes</option>
          <option>15 minutes</option>
          <option>30 minutes</option>
        </select>
        <div class="clear"></div>
        
        <label class="required" for="selectbox">Lighting Sampling Interval</label>
        <select style="min-width:0;">
          <option>1 second</option>
          <option>2 seconds</option>
          <option>3 seconds</option>
          <option>4 seconds</option>
          <option>5 seconds</option>
          <option>6 seconds</option>
          <option>7 seconds</option>
          <option>8 seconds</option>
          <option>9 seconds</option>
          <option>10 seconds</option>
          <option>15 seconds</option>
          <option>20 seconds</option>
          <option>25 seconds</option>
          <option>30 seconds</option>
          <option>40 seconds</option>
          <option>50 seconds</option>
          <option>1 minute</option>
          <option>2 minutes</option>
          <option>3 minutes</option>
          <option>4 minutes</option>
          <option>5 minutes</option>
          <option>10 minutes</option>
          <option>15 minutes</option>
          <option>30 minutes</option>
        </select>
        <div class="clear"></div>
        
        <div style="border-top: 1px solid #ccc;margin-top:20px;padding-top:20px;">
          <input class="green-button" type="submit" value="Update" />
        </div>
        
        <div class="clear"></div>
      </form>
    </div>
  </div>
</div>
  
</wicket:extend>
</html>

